import React from 'react'

function ChildCpns(props) {
  const { name, age, height, names } = props
  return (
    <div>
      <h2>{ name + age + height }</h2>
      <ul>
        {
          names.map(item => {
            return <li>{item}</li>
          })
        }
      </ul>
    </div>
  )
}

export default function App() {
  return (
    <div>
      <ChildCpns name="yzh" age={18} height={1.88} names={["ace", "sabo", "luffy"]} />
    </div>
  )
}
